<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@page session="true"%>
<%@taglib uri="http://www.springframework.org/tags/form" prefix="form"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/resources/css/jquery.mobile-1.4.2.css">
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/resources/css/app.css">
<script
	src="${pageContext.request.contextPath}/resources/js/jquery-1.11.0.min.js"></script>
<script
	src="${pageContext.request.contextPath}/resources/js/jquery.mobile-1.4.2.min.js"></script>
<script
	src="${pageContext.request.contextPath}/resources/js/jquery.validate.min.js"></script>
<script
	src="${pageContext.request.contextPath}/resources/js/validacion.js"></script>
<script
	src="${pageContext.request.contextPath}/resources/js/waitForIt.js"></script>

<style>
.error {
	font-family: calibri;
	font-size: 18px;
	color: red;
}
</style>
<style type="text/css">
.ui-btn.my-tooltip-btn,.ui-btn.my-tooltip-btn:hover,.ui-btn.my-tooltip-btn:active
	{
	background: none;
	border: 0;
}
</style>
<title>Ingreso masivo de datoss</title>
</head>

<body>
	<div data-role="page" data-ajax="false" data-theme="a" d>
		<div data-role="header">
			<h1>Carga Masiva de datos de Propiedades y Propietarios</h1>
			<a data-iconpos="notext" data-icon="home"
				href="${pageContext.request.contextPath}"></a>
		</div>
		<div role="main" class="ui.content">


			<div class="centered-content">


				<form action="data_upload" method="POST"
					enctype="multipart/form-data" data-ajax="false">
					<table>
						<tr>
							<td><select name="tipo">
									<option value="1">Carga Masiva de Propiedades</option>
									<option value="2">Carga Masiva de Clientes</option>
							</select></td>

							<td><a href="#popupDialog" data-rel="popup"
								data-position-to="window" data-transition="pop"
								class="my-tooltip-btn ui-btn ui-alt-icon ui-nodisc-icon ui-btn-inline ui-icon-info ui-btn-icon-notext">
									</a>
								<div data-role="popup" id="popupDialog" data-overlay-theme="b"
									data-theme="b" data-dismissible="false"
									style="max-width: 400px;">
									<div data-role="header" data-theme="a">
										<h1>Carga masiva de datos</h1>
									</div>
									<div role="main" class="ui-content">
										<h3 class="ui-title">Carga masiva de datos de Propiedades y Propietarios</h3>
										<p>En ambos casos, el sistema recibirá los datos mediante la carga de un archivo CSV, que consiste en un 
archivo de texto plano donde cada línea corresponde a un registro y cada dato del registro está separado del 
siguiente por el carácter punto y coma (;)

</p>
										<a href="#"
											class="ui-btn ui-corner-all ui-shadow ui-btn-inline ui-btn-b"
											data-rel="back">Cerrar</a> 
									</div>
								</div></td>
						<tr>
							<td><input type="file" name="file" /></td>
						</tr>
						<tr>
							<td><button type="submit" data-ajax="false"
									onclick="waitForIt();">Cargar Datos</button></td>
						</tr>
					</table>
				</form>
			</div>
		</div>
	</div>

</body>
</html>


